#section{

  .container{
    .center{

       .company-name{
         text-align: center;font-size: 26px;color: #323333;
       }
      .true{
        height:90px;
      }
     .tabnav{
       height: 90px;
       ul{
         width: 1200px;
         margin: 0 auto;
         li{
           width:186px;height: 90px ;
           float: left;text-align: center;
           a{
             display: inline-block;
             font-size:20px ;
             line-height: 90px;
           }
         }
         .on{
           background: #f5b125;
           a{
             color: #FFF;
           }
         }
       }
     }
      .detail{
        .profile{
          padding-top: 70px;
          .left{
            width: 535px;
            height: 400px;
            overflow: hidden;
            float: left;
            img {
              width: 100%;
              height:100%;
            }
          }
          .right{
            float: left;
            border:1px solid #f5f5f5 ;
            width:593px;height: 290px ;padding: 40px 35px;
            box-shadow: 7px 5px 5px  rgba(0,0,0,.2);
            margin-top: 14px;
            h2{
              font-size: 28px;color: #323333;
              padding-bottom: 10px;
            }
            h3{
              font-size: 16px;color: #767777;
              padding-bottom: 10px;
            }
            .border{
              width: 55px;height: 1px;background: #f5b125;display: block;
              margin-bottom: 30px;
            }
            .text{
              width: 595px;height:180px ;overflow: hidden;
              p{
                font-size:16px;color: #545555;
                line-height: 26px;
              }
            }
          }
          .bai{width: 100%;height: 40px;
            float: left;}
          .profile_left{
            width: 350px;height: 470px;float: left;
            background: url("../images/profile_left_03.jpg") no-repeat;
            background-size: cover;
            h2{
              margin-top: 65px;font-size:28px;text-align: center;color:#323333;
              padding-bottom: 15px;
            }
            p{
              font-size: 16px;color: #565757;text-align: center;padding-bottom: 35px;
            }
            .border{
              width: 120px;height: 2px; background-color: #FFF;display: block;margin: 0 auto;
            }
            a{margin: 120px auto 0 auto;width:230px;height: 50px;border-radius: 20px;display: block;text-align: center;line-height: 50px;background-color:#f5b125;font-size:28px;color: #FFF;  }

          }
          .profile_center{
            width: 450px;height: 468px;float: left;border: 1px solid #c2c1c1;
            margin-left: 24px;
            >div{
              width:444px ;height: 462px;border: 1px solid #e3e2e2;
              margin: 2px ;
              h2{
                font-size: 24px;margin-top: 20px;color: #323333;height: 30px;
                line-height:30px;
              }
              h2:before{
                width:5px;height: 30px;
                content: "";
                display: block;float: left;
                background-color: #f5b125;
                margin:0 10px;
              }
              ul{
                li{width:404px ;height:90px;padding: 20px;border-bottom: 1px solid #f0f0f0;
                  a{
                    h4{font-size: 18px;color:#545555;height: 25px;line-height: 25px;width: 100%;overflow: hidden;margin-bottom: 14px;}
                    .text{
                      width: 404px;height: 40px;display: -webkit-box;
                      -webkit-box-orient: vertical;
                      -webkit-line-clamp: 2;
                      overflow: hidden;
                    }
                  }
                }
              }
            }

          }
          .profile_right{
            width: 350px;height: 470px;float: left;margin-left: 23px;
            .youhui:nth-child(1){
              margin-bottom: 20px;
            }
            .youhui{
              width: 348px;height: 223px;border: 1px solid #c2c1c1;
              >div{
                width: 342px;height: 217px;border: 1px solid #e3e2e2;
                margin: 2px;
                h2{
                  width: 100%;text-align: center;margin-top: 65px;font-size:28px ;color: #323333;
                }
                p{width: 100%;text-align: center}
                .border{width: 120px;height: 1px;display: block;background: #f5b125;margin: 20px auto;}
              }
            }
          }

        }
        .design{
          width: 100%;height: 550px;float: left;padding-top: 100px;
          .title{
            width: 100%;position: relative;
            padding-bottom: 40px;
            text-align: center;
            height:90px;

            h2{
              font-size:30px;
              width: 100%;
              text-align: center;
              height: 50px;
              line-height: 50px;
              color: #000;
            }
            p{width: 100%;font-size: 16px;color: #767777;}
            a{
              position: absolute;
              right: 0;
              top:30px;
              font-size: 18px;color: #767777;
            }
            .border{
              width: 50px;
              height: 1px;
              display: inline-block;
              background:#f5b125;
            }
          }
          ul{
            li{width: 200px;float: left;padding: 0 20px;
              .img{
                width: 200px;height: 200px;border-radius: 200px;overflow: hidden;margin-bottom: 20px;
                img{
                  width: 100%;
                }
              }
              p{text-align: center;font-size:18px; color: #323333;height: 30px;line-height: 30px;}
              span{display: block;text-align: center;color: #767777;font-size: 14px;}
            }

          }
        }
        .site{
          width: 100%;float: left;padding-top: 20px;padding-bottom: 60px;
          .title{
            width: 100%;position: relative;
            text-align: center;
            height:90px;
            padding-bottom: 20px;
            h2{
              font-size:30px;
              width: 100%;
              text-align: center;
              height: 50px;
              line-height: 50px;
              color: #000;
            }
            p{width: 100%;font-size: 16px;color: #767777;}
            a{
              position: absolute;
              right: 0;
              top:30px;
              font-size: 16px;color: #767777;
            }
            .border{
              width: 50px;
              height: 1px;
              display: inline-block;
              background:#f5b125;
            }
          }
          >ul{
            >li {
              padding: 30px 0 0 0;
              border-top: 1px dotted #e8e8e8;
              .case_main {
                height: 200px;
                position: relative;
                .case_pics {
                  width: 200px;
                  float: left;
                  height: 200px;
                  overflow: hidden;
                  img{
                    width: 100%;
                    height: 100%;
                  }
                }
                .case_details {
                  margin-left: 20px;
                  float: left;
                  height: 200px;
                  overflow: hidden;
                  .case_name {
                    font-size: 20px;
                    color: #333;
                    padding-bottom: 10px;
                    overflow: hidden;
                    .case_details_name {
                      float: left;
                      display: inline-block;
                      overflow: hidden;
                      max-width: 370px;
                      white-space: nowrap;
                      text-overflow: ellipsis;
                      color: #333;
                    }
                  }
                  .case_tag {
                    color: #999;
                    max-width: 535px;
                    span {
                      float: left;
                      margin-right: 10px;
                    }
                  }
                  .case_progress {
                    margin-top: 30px;
                    ul {
                      border-top: 2px solid #eee;
                      .progress_dot {
                        display: block;
                        width: 13px;
                        height: 13px;
                        background: url(../images/zgs_global.png) no-repeat;
                        background-position: -145px -88px;
                        margin: 0 auto;
                        position: relative;
                        top: -7px;

                      }
                      .on_li {
                        color: #f5b125;
                        .progress_dot {
                          color: #f5b125;
                          background-position: -131px -88px;
                        }
                      }
                      li {
                        float: left;
                        color: #333;
                        font-size: 14px;
                        width: 56px;
                        margin-right: 50px;
                      }
                    }

                  }
                  .case_info {
                    margin-top: 40px;
                  }
                }
                .case_btn {
                  background-color: #f5b125;
                  height: 30px;
                  border: 0 none;
                  color: #fff;
                  cursor: pointer;
                  position: absolute;
                  right: 0;
                  bottom: 50%;
                  margin-bottom: -15px;
                  width: 112px;
                  text-align: center;
                }
              }
            }
          }
        }
      }
      .introduction{
        .js,.about{
          .title{
            width: 100%;position: relative;
            padding-bottom: 40px;
            padding-top: 50px;
            text-align: center;
            height:90px;

            h2{
              font-size:30px;
              width: 100%;
              text-align: center;
              height: 50px;
              line-height: 50px;
              color: #000;
            }
            p{width: 100%;font-size: 16px;color: #767777;}
            a{
              position: absolute;
              right: 0;
              top:30px;
              font-size: 18px;color: #767777;
            }
            .border{
              width: 50px;
              height: 1px;
              display: inline-block;
              background:#f5b125;
            }
          }
        }
        .js{
          .text{
            width: 900px;
            margin: 0 auto;
            p{
              text-indent: 2rem;
              font-size: 16px;
              line-height: 33px;
              color: #545555;
            }
          }
        }
        .about{
          padding-bottom: 40px;
          .text{
            .zgsgc_table{
              border-color: #eaeaea;
              font-size: 14px;
              .zgsgc_title {
                width: 240px;
                padding-left: 30px;
                background: #f8f8f8;
                text-align: left;

              }
              .zgsgc_details {
                padding: 18px 0 15px 61px;
                width: 733px;

                color: #333;
              }
            }
          }

        }
      }
      .zizhi{
        ul{
          margin-top: 50px;padding-bottom: 30px;
          li{width: 380px;padding: 0 10px;float: left;margin-bottom: 10px;margin-top: 10px;
          .img{
            height: 300px;width: 100%;overflow: hidden;
            img{
              width: 100%;height: 100%;
            }
          }
            p{margin-top: 10px;width: 100%;text-align: center;font-size: 18px;color: #6b7c9a}
          }
        }
      }
      .zixun{
        width: 100%;
        padding:50px 0;
        ul{width: 100%;
          min-height: 400px;
          li{
            height: 48px;
            border-bottom: 1px #e6e6e6 dotted;
            float: left;
            width: 100%;
            position: relative;
            a {
              font-size: 14px;
              color: #333;
              width: 590px;
              float: left;
              position: relative;
              margin-top: 13px;
              display: inline;
            }
            span {
              position: absolute;
              bottom: 16px;
              right: 0;
              font: 12px Arial, Helvetica, sans-serif;
              color: #999;
            }
          }
        }
      }
      .zixun_about{
        min-height: 500px;
        .zgs_nav_div {
          width: 100%;
          height: 44px;
          position: relative;
          border-bottom: 1px solid #eee;
          .znd {
            width: 1200px;
            height: 44px;
            margin: 0 auto;
            font-family: "microsoft yahei";
            li {
              float: left;
              width: auto;
              height: 14px;
              margin: 15px 5px 0 0;
              display: inline;
              a {
                color: #999;
                span {
                  float: left;
                  padding-right: 8px;
                }
                em {
                  float: left;
                  width: 5px;
                  height: 9px;
                  background: url("../images/global.png") no-repeat;
                  background-position: -31px -7px;
                  margin-top: 5px;
                  display: inline;
                }
              }
            }
            li.on {
              color: #333;
            }
          }

        }
        .cont_r{
          padding-top: 38px;
          width: 1200px;
          overflow: hidden;
          .conr_title {
            padding-bottom: 18px;
            float: left;
            width: 100%;
            p {
              font-size: 28px;
              color: #333;
              text-align: center;
            }
            .time_share {
              position: relative;float: right;
              .timer {
                padding-right: 10px;
                border-right: 1px solid #eee;
                margin-top: 10px;
                float: left;
                color: #999;
              }
            }
          }
          .article_pic {
            padding-top: 36px;
            font-size: 14px;
            color: #333;
            float: left;
            width: 100%;
            display: inline;
            p{
              font-size: 14px;
              line-height: 21px;
            }
          }
        }


      }
      .visit{
        .main_content {
          width: 1100px;
          margin: 60px auto;
          color: #666;
          min-height: 600px;
          .zgs_main_l {
            width: 220px;
            float: left;
            li {
              margin-bottom: 12px;
              a {
                color: #333;
                font-size: 16px;
              }
              a.on {
                color: #f5b125;
              }
            }
          }
          .zgs_main_r {
            width: 880px;
            float: right;
            .cases_li {
              border-bottom: 1px dotted #e8e8e8;
              padding-bottom: 30px;
              margin-bottom: 30px;
              .case_main {
                height: 200px;
                position: relative;
                .case_pics {
                  width: 200px;
                  float: left;
                  height: 200px;
                  overflow: hidden;
                  img{
                    width: 100%;
                    height: 100%;
                  }
                }
                .case_details {
                  margin-left: 20px;
                  float: left;
                  height: 200px;
                  overflow: hidden;
                  .case_name {
                    font-size: 20px;
                    color: #333;
                    padding-bottom: 10px;
                    overflow: hidden;
                    .case_details_name {
                      float: left;
                      display: inline-block;
                      overflow: hidden;
                      max-width: 370px;
                      white-space: nowrap;
                      text-overflow: ellipsis;
                      color: #333;
                    }
                  }
                  .case_tag {
                    color: #999;

                    span {
                      float: left;
                      margin-right: 10px;
                    }
                    .case_tag_span {
                      max-width: 70px;
                      white-space: nowrap;
                      text-overflow: ellipsis;
                      overflow: hidden;
                    }
                  }
                  .case_progress {
                    margin-top: 30px;
                    ul {
                      border-top: 2px solid #eee;
                      li {
                        float: left;
                        color: #333;
                        font-size: 14px;
                        width: 56px;
                        margin-right: 50px;
                        .progress_dot {
                          display: block;
                          width: 13px;
                          height: 13px;
                          background: url(../images/zgs_global.png) no-repeat;
                          background-position: -145px -88px;
                          margin: 0 auto;
                          position: relative;
                          top: -7px;
                        }
                      }
                      .on_li {
                        color: #f5b125;
                        .progress_dot {
                          color: #f5b125;
                          background-position: -131px -88px;
                        }
                      }
                    }
                  }
                  .case_info {
                    margin-top: 40px;
                  }

                }
                .case_btn {

                  background-color: #f5b125;
                  height: 30px;
                  border: 0 none;
                  color: #fff;
                  cursor: pointer;
                  position: absolute;
                  right: 0;
                  bottom: 50%;
                  margin-bottom: -15px;
                  width: 112px;
                  text-align: center;
                }
              }
            }
            .page_over {
              width: 760px;
              margin: 0 auto 60px;
              .pages {
                padding-top: 60px;
                margin-top: 0!important;
                text-align: center;
                clear: both;
                .pages {
                  padding-top: 60px;
                  margin-top: 0!important;
                  text-align: center;
                  clear: both;
              font-size: 16px;
                  strong {
                    padding: 15px;
                    color: #f5b125;
                  }
                  a {
                    padding: 15px;
                  }
                  i {
                    padding: 15px;
                  }
                  .next,.prev {
                    position: relative;
                    width: 79px;
                    display: inline-block;
                    height: 34px;
                  }
                }
              }
            }
          }
        }
      }
      .visit_about{
        .zgs_nav_div {
          width: 100%;
          height: 44px;
          position: relative;
          border-bottom: 1px solid #eee;
          .znd {
            width: 980px;
            height: 44px;
            ul{
              li {
                float: left;
                width: auto;
                height: 14px;
                margin: 15px 5px 0 0;
                display: inline;
                a{
                  color: #999;
                  span {
                    float: left;
                    padding-right: 8px;
                  }
                  em {
                    float: left;
                    width: 5px;
                    height: 9px;
                    background: url(../images/global.png) no-repeat;
                    background-position: -31px -7px;
                    margin-top: 5px;
                    display: inline;
                  }
                }
              }
              li.on {
                color: #333;
              }
            }
          }
        }
        .main_content {
          color: #666;
          min-height: 600px;
          .case_main {
            height: 200px;
            position: relative;
            padding-top: 40px;
            .case_pics {
              width: 200px;
              float: left;
              height: 200px;
              overflow: hidden;
              img{
                width: 100%;
                height: 100%;
              }
            }
            .case_details {
              margin-left: 20px;
              float: left;
              height: 200px;
              overflow: hidden;
              .case_name {
                font-size: 20px;
                color: #333;
                padding-bottom: 10px;
                overflow: hidden;
                .case_details_name {
                  float: left;
                  display: inline-block;
                  overflow: hidden;
                  max-width: 370px;
                  white-space: nowrap;
                  text-overflow: ellipsis;
                  color: #333;
                }
              }
              .case_tag {
                color: #999;

                span {
                  float: left;
                  margin-right: 10px;
                }
                .case_tag_span {
                  max-width: 70px;
                  white-space: nowrap;
                  text-overflow: ellipsis;
                  overflow: hidden;
                }
              }
              .case_progress {
                margin-top: 30px;
                ul {
                  border-top: 2px solid #eee;
                  li {
                    float: left;
                    color: #333;
                    font-size: 14px;
                    width: 56px;
                    margin-right: 50px;
                    .progress_dot {
                      display: block;
                      width: 13px;
                      height: 13px;
                      background: url(../images/zgs_global.png) no-repeat;
                      background-position: -145px -88px;
                      margin: 0 auto;
                      position: relative;
                      top: -7px;
                    }
                  }
                  .on_li {
                    color: #f5b125;
                    .progress_dot {
                      color: #f5b125;
                      background-position: -131px -88px;
                    }
                  }
                }
              }
              .case_info {
                margin-top: 40px;
              }

            }
            .case_btn {

              background-color: #f5b125;
              height: 30px;
              border: 0 none;
              color: #fff;
              cursor: pointer;
              position: absolute;
              right: 0;
              bottom: 50%;
              margin-bottom: -15px;
              width: 112px;
              text-align: center;
            }
          }
          ul{
            li{
              .item_hd{
                display: inline-block;
                font-size: 14px;
                color: #666;
                background-color: #eee;
                padding: 0 5px;
                height: 22px;
                line-height: 22px;
                margin-bottom: 10px;

              }
              .pic{
                width: 100%;height: 300px;padding-bottom: 100px;
                .img{
                  width: 260px;height: 260px;padding: 20px;float: left;overflow: hidden;margin-bottom: 50px;
                  img{width: 100%;height: 100%}
                }
              }
            }
          }
        }
      }
      .design{
        padding-bottom: 100px;
        .tuandui_title {
          font-size: 18px;
          color: #333;
          border-top: 1px solid #c2c1c1;
          margin-top: 30px;
          padding-top: 20px;
          padding-bottom: 40px;
        }
        .member{
          margin-left: -65px;
          margin-top: -20px;
          position: relative;
          .one_member {
            float: left;
            margin-left: 64px;
            margin-top: 37px;
            text-align: center;
            position: relative;
            cursor: pointer;
            img {
              width: 100px;
              height: 100px;
              vertical-align: top;
              border-radius: 100px;
            }
            p {
              color: #333;
              margin: 5px auto;
              a{
                display: block;
                width: 100px;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
                color: #333;
              }
            }
            div {
              color: #999;
              width: 100px;
              white-space: nowrap;
              overflow: hidden;
              text-overflow: ellipsis;
            }
          }
        }
      }
    }
  }
}

.zgs_header {
  position: relative;
  height: 177px;
  background: #fff;
  z-index: 2000;
  border-top: 1px solid #bbb;
  .zgsh_center {
    min-width: 1200px;
    height: 100px;
    position: relative;
    z-index: 1000;
    .zgshc_company {
      width: 1200px;
      height: 100px;
      margin: 0 auto;
      position: relative;
      span.zc_bg {
        width: 124px;
        height: 123px;
        position: absolute;
        overflow: hidden;
        bottom: -40px;
        left: 0;
        img {
          width: 120px;

          margin: 3px 0 0 2px;
        }
      }
      .zd_name {
        position: absolute;
        left: 141px;
        top: 35px;
        height: 26px;
        width: 665px;
        h1 {
          float: left;
          margin-right: 10px;
          display: inline;
          font-weight: bold;
          color: #333;
          font-family: "Microsoft YaHei";
          line-height: 26px;
          font-size: 24px;
        }
        p {
          float: left;
          height: 26px;
          padding-left: 10px;
          border-left: 1px solid #eee;
          display: inline;
          line-height: 39px;
          font-size: 12px;
          a {
            color: #666;
          }
        }
      }
      .zd_qualification {
        position: absolute;
        left: 141px;
        top: 70px;
        height: 18px;
        line-height: 18px;
        width: 510px;
      }
      dl dd {
        float: left;
        margin-top: 3px;
        display: inline-block;
        i {
          float: left;
          margin-right: 5px;
          display: inline;
        }
        i.zdq_3 {
          background-position: -172px -1px;
          width: 16px;
          height: 16px;
        }
        i.zdq_4 {
          background-position: -192px -1px;
          width: 16px;
          height: 16px;
        }
        i.zdq_5_no {
          background-position: -68px -123px;
          height: 16px;
          width: 16px;
        }
        i.zdq_2 {
          background-position: -151px -1px;
          width: 16px;
          height: 16px;
        }
        em {
          float: left;
          margin-right: 5px;
          display: inline;
          line-height: 16px;
          color: #666;
        }
      }
    }
  }
  .zgsh_bottom {
    min-width: 990px;
    width: 100%;
    height: 40px;
    background: #1c1c1c;
    display: table;
    .zgshb_menu {
      width: 1200px;
      height: 40px;
      position: relative;
      margin: 0 auto;
      ul {
        margin-left: 121px;
        li {
          float: left;
          height: 40px;
          a {
            display: inline-block;
            height: 40px;
            line-height: 40px;
            color: #fff;
            font-size: 14px;
            padding: 0 25px;
          }
          .on a {
            background: #313131;
          }
        }
      }
      a.zgs_freeDesignAndPrice {
        position: absolute;
        right: 0;
        height: 45px;
        background-color: #ff9c00;
        color: #fff;
        line-height: 45px;
        text-align: center;
        width: 225px;
        bottom: 0;
        font-size: 18px;
      }
    }
  }
}

.company-shop-bg {
  padding-top: 20px;
  padding-bottom: 50px;
  background-color: #f0f0f0;
  .company-shop-wrap {
    width: 1200px;
    margin: 0 auto;
    .designer-summary {
      height: 300px;
      margin-bottom: 15px;
      background-color: #fff;
      width: 1200px;
      .summary-l {
        padding: 20px 20px 15px;
        width: 260px;
        float: left;
        .tit {
          margin-bottom: 10px;
          font-size: 14px;
          color: #333;
          font-weight: 500;
        }
        .company-intro {

          text-overflow: ellipsis;
          display: -webkit-box;
          -webkit-line-clamp: 4;
          -webkit-box-orient: vertical;
          line-height: 1.5;
          color: #666;
          overflow: hidden;
          text-indent: 2rem;
          a {
            text-decoration: none!important;
            cursor: pointer;
            color: #666;
            font-size: 12px;
          }
        }
        .nums-ul {
          margin: 35px 0 30px 0;
          float: left;
          li {
            float: left;
            width: 85px;
            text-align: center;
            color: #999;
          }
          .line {
            border-right: 1px solid #eee;
          }
        }
        .btns {
          .apply-btn {
            float: left;
            width: 120px;
            height: 36px;
            text-align: center;
            font-size: 14px;
            background-color: #ff9c00;
            color: #fff;
            cursor: pointer;
            line-height: 36px;
          }
          span:nth-child(1) {
            margin-right: 15px;
          }
        }
      }
      .summary-pic {
        width: 600px;
        height: 300px;
        overflow: hidden;
        position: relative;
        float: left;
        ul {
          height: 330px;
          position: absolute;
          li {
            float: left;
            width: 600px;
            height: 300px;
            overflow: hidden;
            position: relative;
          }
        }
        .btn {
          position: absolute;
          left: 44%;
          bottom: 5px;
        }
      }
      .summary-r {
        width: 270px;
        padding: 15px;
        float: right;
        .favour {
          width: 229px;
          height: 81px;
          padding: 20px;
          background: url(https://front.tobosu.com/res/company/images/favour_yellow.jpg);
          color: #fff;
        }
        .tip {
          margin: 44px 0 34px 0;
          line-height: 1.5;
          text-align: center;
          font-size: 12px;
          color: #666
        }
        .apply-btn {
          width: 240px;
          height: 35px;
          margin: 0 auto;
          line-height: 35px;
          text-align: center;
          font-size: 14px;
          background-color: #ff9c00;
          color: #fff;
          cursor: pointer;
        }
      }
    }
    .design_team {
      background-color: #fff;
      padding: 20px 20px 15px;
      .team_title {
        border-bottom: 1px solid #eee;
        padding-bottom: 13px;
        overflow: hidden;
        .team_txt {
          font-size: 14px;
          color: #333;
          font-weight: 500;
        }
        .plan_num1 {
          color: #ccc;
        }
        .order_more {
          line-height: 16px;
          float: right;
          margin-top: 17px;
          color: #999;
          .gt_gray {
            font-family: "宋体";
            margin-left: 5px;
          }
        }
      }
      .team_list {
        overflow: hidden;
        width: 1200px;
        margin-top: 23px;
        ul {
          margin-right: -80px;
          li {
            width: 100px;
            float: left;
            margin-right: 75px;
            position: relative;
            padding-bottom: 15px;
            .designer_pic1 {
              width: 100px;
              height: 100px;
              overflow: hidden;
              border-radius: 100px;
              text-align: center;
              vertical-align: middle;
              img {
                width: 100px;
                height: 100px;
                display: block;
              }
              .designer_name1 a {
                display: block;
                color: #333;
                margin-top: 7px;
              }
              .job_title a {
                display: block;
                color: #999;
                margin-top: 4px;
              }
              div.shade {
                width: 100px;
                height: 100px;
                position: absolute;
                top: 0;
                left: 0;
              }
            }
            p {
              text-align: center;
            }
          }
        }
      }
    }
    .site {
      background-color: #fff;
      padding: 20px 20px 15px;
      margin-top: 15px;
      .team_title {
        border-bottom: 1px solid #eee;
        padding-bottom: 13px;
        overflow: hidden;
        .team_txt {
          font-size: 14px;
          color: #333;
          font-weight: 500;
        }
        .plan_num1 {
          color: #ccc;
        }
        .order_more {
          line-height: 16px;
          float: right;
          margin-top: 17px;
          color: #999;
        }
      }
      >ul>li {
        padding: 30px 0 0 0;
        border-top: 1px dotted #e8e8e8;
        .case_main {
          height: 180px;
          position: relative;
          .case_pics {
            width: 200px;
            float: left;
            height: 180px;
            overflow: hidden;
            .case_pics img {
              width: 100%;
              height: 100%;
            }
          }
          .case_details {
            margin-left: 20px;
            float: left;
            height: 180px;
            overflow: hidden;
            .case_name {
              font-size: 20px;
              color: #333;
              padding-bottom: 10px;
              overflow: hidden;
              .case_details_name {
                float: left;
                display: inline-block;
                overflow: hidden;
                max-width: 370px;
                white-space: nowrap;
                text-overflow: ellipsis;
                color: #333;
              }
            }
            .case_tag {
              color: #999;
              max-width: 535px;
              span {
                float: left;
                margin-right: 10px;
                font-size: 13px;
              }
            }
            .case_progress {
              margin-top: 80px;
              ul {
                border-top: 2px solid #eee;
                .progress_dot {
                  display: block;
                  width: 13px;
                  height: 13px;
                  background: url(http://www.zxjmy.com/Public/images/zgs_global.png) no-repeat;
                  background-position: -145px -88px;
                  margin: 0 auto;
                  position: relative;
                  top: -7px;
                }
                .on_li {
                  color: #f5b125;
                  .progress_dot {
                    color: #f5b125;
                    background-position: -131px -88px;
                  }
                }
                li {
                  float: left;
                  color: #333;
                  font-size: 14px;
                  width: 56px;
                  margin-right: 50px;
                }
              }
            }
          }
          .case_btn {
            background-color: #f5b125;
            height: 30px;
            border: 0 none;
            color: #fff;
            cursor: pointer;
            position: absolute;
            right: 0;
            bottom: 50%;
            margin-bottom: -15px;
            width: 112px;
            text-align: center;
          }
        }
      }
    }
    .message {
      background-color: #fff;
      padding: 20px 20px 15px;
      margin-top: 15px;
      .team_title {
        border-bottom: 1px solid #eee;
        padding-bottom: 13px;
        overflow: hidden;
        .team_txt {
          font-size: 14px;
          color: #333;
          font-weight: 500;
        }
        .plan_num1 {
          color: #ccc;
        }
        .order_more {
          line-height: 16px;
          float: right;
          margin-top: 17px;
          color: #999;
        }
      }
      ul {
        li {
          padding: 30px 0;
          border-bottom: 1px dotted #e8e8e8;
          .img-box {
            float: left;
            width: 140px;
            height: 140px;
            margin-right: 20px;
            position: relative;
            img {
              width: 140px;
              height: 140px;
            }
          }
          .list-item-right {
            float: left;
            width: 100%;
            _overflow: hidden;
            .list-item-title {
              color: #333333;
              font-size: 20px;
              line-height: 20px;
              height: 42px;
              text-overflow: ellipsis;
              overflow: hidden;
              white-space: nowrap;
              a {
                color: #333333;
                font-size: 18px;
              }
            }
            .list-item-summary {
              color: #666666;
              height: 86px;
              font-size: 14px;
              text-indent:2em;
              span a {
                color: #999999;
              }
            }
            .list-item-info-bar {
              height: 12px;
              line-height: 12px;
              color: #999999;
              .info-bar-right {
                float: right;
              }
            }
          }
          .clear-div {
            width: 100%;
            clear: both;
          }
        }
      }
    }
  }
  .introduction {
    width: 1200px;
    margin: 0 auto;
    .company-intro-item {
      width: 1160px;
      margin-bottom: 25px;
      padding: 10px 20px 20px;
      border: 1px solid #e6e6e6;
      background-color: #fff;
      .top {
        margin-bottom: 15px;
        line-height: 40px;
        border-bottom: 1px solid #f0f0f0;
        .tit {
          float: left;
          border-bottom: 1px solid #ff9c00;
          font-weight: normal;
          font-size: 18px;
          color: #333;
        }
      }
      .content-wrapper {
        .content {
          width: 800px;
          margin-top: 30px;
          float: left;

          p {text-indent: 2em;
            line-height: 2;
            font-size: 14px;
            color: #666;
          }
        }
        .logo {
          float: right;
          margin-top: 30px;
          img {
            max-width: 320px;
            max-height: 240px;
          }
        }
      }
      .list {
        .photos {
          width: 215px;
          margin-right: 20px;
          margin-bottom: 20px;
          float: left;
          .photo {
            a {
              display: block;
              width: 215px;
              height: 215px;
              position: relative;
              white-space: nowrap;
              text-align: center;
              background-color: #f8f8f8;
              img {
                display: inline-block;
                width: 100%;
                max-height: 200px;
                vertical-align: middle;
              }
              .ctrl-height {
                display: inline-block;
                height: 100%;
                vertical-align: middle;
              }
            }
            .tit {
              height: 55px;
              line-height: 55px;
              font-size: 14px;
              text-align: center;
              background-color: #f0f0f0;
              white-space: nowrap;
              text-overflow: ellipsis;
              overflow: hidden;
            }
          }
        }
        .photos:nth-child(5n) {
          margin-right: 0;
        }
      }
    }
  }
}

.visit {
  .main_content {
    width: 1100px;
    background-color: #fff;
    padding: 20px 20px 15px;
    margin: 0 auto;
    color: #666;
    min-height: 600px;
    background: #FFF;
    .team_title {
      border-bottom: 1px solid #eee;
      padding-bottom: 13px;
      overflow: hidden;
      margin-bottom: 20px;
      .team_txt {
        font-size: 14px;
        color: #333;
        font-weight: 500;
      }
      .plan_num1 {
        color: #ccc;
      }
      .order_more {
        line-height: 16px;
        float: right;
        margin-top: 17px;
        color: #999;
      }
    }
    .zgs_main_l {
      width: 200px;
      float: left;
      li {
        margin-bottom: 12px;
        a {
          color: #333;
          font-size: 14px;
        }
        a.on {
          color: #f5b125;
        }
      }
    }
    .zgs_main_r {
      width: 900px;
      float: right;
      .cases_li {
        border-bottom: 1px dotted #e8e8e8;
        margin-bottom: 30px;
        .case_main {
          height: 200px;
          position: relative;
          .case_pics {
            width: 200px;
            float: left;
            height: 200px;
            overflow: hidden;
          }
          .case_details {
            margin-left: 20px;
            float: left;
            height: 200px;
            overflow: hidden;
            .case_name {
              font-size: 20px;
              color: #333;
              padding-bottom: 10px;
              overflow: hidden;
              .case_details_name {
                float: left;
                display: inline-block;
                overflow: hidden;
                max-width: 370px;
                white-space: nowrap;
                text-overflow: ellipsis;
                color: #333;
              }
            }
            .case_tag {
              color: #999;
              span {
                float: left;
                margin-right: 10px;
                font-size: 14px;
              }
              .case_tag_span {
                max-width: 70px;
                white-space: nowrap;
                text-overflow: ellipsis;
                overflow: hidden;
              }
            }
            .case_progress {
              margin-top: 30px;
              ul {
                border-top: 2px solid #eee;
                li {
                  float: left;
                  color: #333;
                  font-size: 14px;
                  width: 56px;
                  margin-right: 50px;
                  .progress_dot {
                    display: block;
                    width: 13px;
                    height: 13px;
                    background: url(http://www.zxjmy.com/Public/images/zgs_global.png) no-repeat;
                    background-position: -145px -88px;
                    margin: 0 auto;
                    position: relative;
                    top: -7px;
                  }
                }
                .on_li {
                  color: #f5b125;
                  .progress_dot {
                    color: #f5b125;
                    background-position: -131px -88px;
                  }
                }
              }
            }
          }
          .case_btn {
            background-color: #f5b125;
            height: 30px;
            border: 0 none;
            color: #fff;
            cursor: pointer;
            position: absolute;
            right: 0;
            bottom: 50%;
            margin-bottom: -15px;
            width: 112px;
            text-align: center;
          }
        }
      }
      .page_over {
        width: 760px;
        margin: 0 auto 60px;
        .pages {
          padding-top: 60px;
          margin-top: 0!important;
          text-align: center;
          clear: both;
          .pages {
            padding-top: 60px;
            margin-top: 0!important;
            text-align: center;
            clear: both;
            font-size: 16px;
            strong {
              padding: 15px;
              color: #f5b125;
            }
            a {
              padding: 15px;
            }
            i {
              padding: 15px;
            }
            .next,
            .prev {
              position: relative;
              width: 79px;
              display: inline-block;
              height: 34px;
            }
          }
        }
      }
    }
  }
}

.design {
  width: 1160px;
  padding: 20px 20px;
  margin: 0 auto;
  min-height: 600px;
  background: #FFF;
  .team_title {
    border-bottom: 1px solid #eee;
    padding-bottom: 13px;
    overflow: hidden;
    .team_txt {
      font-size: 14px;
      color: #333;
      font-weight: 500;
    }
    .plan_num1 {
      color: #ccc;
    }
    .order_more {
      line-height: 16px;
      float: right;
      margin-top: 17px;
      color: #999;
    }
  }
  .member {
    margin-left: -65px;
    margin-top: -20px;
    position: relative;
    .one_member {
      float: left;
      margin-left: 64px;
      margin-top: 37px;
      text-align: center;
      position: relative;
      cursor: pointer;
      img {
        width: 100px;
        height: 100px;
        vertical-align: top;
        border-radius: 100px;
      }
      p {
        color: #333;
        margin: 5px auto;
      }
      div {
        color: #999;
        width: 100px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
      }
    }
  }
}

.zixun {
  width: 1160px;
  padding: 20px 20px;
  margin: 0 auto;
  min-height: 600px;
  background: #FFF;
  .team_title {
    border-bottom: 1px solid #eee;
    padding-bottom: 13px;
    overflow: hidden;
    .team_txt {
      font-size: 14px;
      color: #333;
      font-weight: 500;
    }
    .plan_num1 {
      color: #ccc;
    }
    .order_more {
      line-height: 16px;
      float: right;
      margin-top: 17px;
      color: #999;
    }
  }
  .message {
    background-color: #fff;
    padding: 20px 20px 15px;
    margin-top: 15px;
    .team_title {
      border-bottom: 1px solid #eee;
      padding-bottom: 13px;
      overflow: hidden;
      .team_txt {
        font-size: 14px;
        color: #333;
        font-weight: 500;
      }
      .plan_num1 {
        color: #ccc;
      }
      .order_more {
        line-height: 16px;
        float: right;
        margin-top: 17px;
        color: #999;
      }
    }
    .list-box {
      ul {
        li {
          padding: 30px 0;
          border-bottom: 1px dotted #e8e8e8;
          .img-box {
            float: left;
            width: 140px;
            height: 140px;
            margin-right: 20px;
            position: relative;
            img {
              width: 140px;
              height: 140px;
            }
          }
          .list-item-right {
            float: left;
            width: 100%;
            _overflow: hidden;
            .list-item-title {
              color: #333333;
              font-size: 20px;
              line-height: 20px;
              height: 42px;
              text-overflow: ellipsis;
              overflow: hidden;
              white-space: nowrap;
              a {
                color: #333333;
                font-size: 18px;
              }
            }
            .list-item-summary {
              color: #666666;
              height: 86px;
              font-size: 14px;
              span a {
                color: #999999;
              }
            }
            .list-item-info-bar {
              height: 12px;
              line-height: 12px;
              color: #999999;
              .info-bar-right {
                float: right;
              }
            }
          }
          .clear-div {
            width: 100%;
            clear: both;
          }
        }
      }
    }
    .page_over {
      width: 760px;
      margin: 0 auto 60px;
      .pages {
        padding-top: 60px;
        margin-top: 0!important;
        text-align: center;
        clear: both;
        .pages {
          padding-top: 60px;
          margin-top: 0!important;
          text-align: center;
          clear: both;
          font-size: 16px;
          strong {
            padding: 15px;
            color: #f5b125;
          }
          a {
            padding: 15px;
          }
          i {
            padding: 15px;
          }
          .next,
          .prev {
            position: relative;
            width: 79px;
            display: inline-block;
            height: 34px;
          }
        }
      }
    }
  }
}